import {Tabs} from 'antd';
import React from 'react';
import {PageContainer} from '@ant-design/pro-layout';
import DesignerList from "@/pages/user/designer/list/component/DesignerList";

const CreateDesignerList: React.FC<any> = (props) => {

  return (
    <PageContainer>
      <Tabs destroyInactiveTabPane={true}>
        <Tabs.TabPane forceRender tab='原创设计师' key="ORIGINAL">
          <DesignerList {...props} type='CREATE' registrationType='ORIGINAL'/>
        </Tabs.TabPane>
        <Tabs.TabPane forceRender tab='推荐设计师' key="RECOMMEND">
          <DesignerList {...props} type='CREATE' registrationType='RECOMMEND'/>
        </Tabs.TabPane>
        <Tabs.TabPane forceRender tab='认证设计师' key="CERTIFICATION">
          <DesignerList {...props} type='CREATE' registrationType='CERTIFICATION'/>
        </Tabs.TabPane>
      </Tabs>
    </PageContainer>
  );
};

export default CreateDesignerList;
